<%-- 
    Document   : prenotazioneLoc
    Created on : 26-mar-2014, 12.49.46
    Author     : Salvo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="./js/checkReservationBox.js"></script>
        <link href="style-location.css" rel="stylesheet" type="text/css">
        <link href="style-general.css" rel="stylesheet" type="text/css">
        <title>Prenotazione</title>
            <script type='text/javascript'>
            function toggleSubmit(nme,obj){
                var count=0;
                while(document.getElementById(nme+count)){
                    document.getElementById(nme+count).style.display=obj.selectedIndex!=count?"none":"block"
                    count++;
                }
            }
            </script>        
    </head>
    <body>
        <div id="content-contact">
            <%--load the menu bar--%>
            <%@ include file="menuBar.jsp" %>
            <div id="central">
                <form id='location1' action='Controller' method='post' accept-charset='UTF-8'>
                    <%--tasto indietro--%>
                    <input type='hidden' name='hidden' value='prenota' />
                    <input style="position:fixed; bottom:150px; right:525px;" type='submit' name='Submit' value='<  Passo 2'/>
                </form>
                <form id='location2' action='Controller' method='post' accept-charset='UTF-8' onsubmit='return passo2();'>
                    <br>
                    <table style="margin-left: 180px; text-align: left;" border="2">
                        <tr><td  colspan="2">
                                <font size="4"><b>Passo 2: dove</b></font>
                        </td></tr>
                        <%--
                        <tr><td>    
                                <br><br>
                                <label for='tipo' >Località</label> 
                        </td><td>
                            <br><br>
                            <select name="location" onChange="toggleSubmit('d',this)">
                                <option selected value="null">Scegli Location</option>
                                <option value="1">Casale</option>
                                <option value="2">Villa</option>
                                <option value="3">Castello</option>
                            </select>
                        </td></tr>
                        <tr><td colspan="2" background="images/icoLocation.jpg" style="height:200px; width:400px; background-repeat:no-repeat;">
                            <br>
                            <div id="d0" style="display:none;">
                            </div>
                            <div id="d1" style="display:none;">
                                <img src="images/location/location1.jpg" height="200" width="auto">
                            </div>
                            <div id="d2" style="display:none;">
                                <img src="images/location/location2.jpg" height="200" width="auto">
                            </div>
                            <div id="d3" style="display:none;">
                                <img src="images/location/location3.jpg" height="200" width="auto">
                            </div>
                        </td></tr>
                        --%>
                    
                    <%--locations gallery--%>
                        <tr><td  colspan="2">
                            <br>
                            <div id="slideshow-wrap">
                                <input type="radio" id="button-1" name="controls" checked="checked"/>
                                <label for="button-1"></label>
                                <input type="radio" id="button-2" name="controls"/>
                                <label for="button-2"></label>
                                <input type="radio" id="button-3" name="controls"/>
                                <label for="button-3"></label>
                                <input type="radio" id="button-4" name="controls"/>
                                <label for="button-4"></label>
                                <input type="radio" id="button-5" name="controls"/>
                                <label for="button-5"></label>
                                <label for="button-1" class="arrows" id="arrow-1">></label>
                                <label for="button-2" class="arrows" id="arrow-2">></label>
                                <label for="button-3" class="arrows" id="arrow-3">></label>
                                <label for="button-4" class="arrows" id="arrow-4">></label>
                                <label for="button-5" class="arrows" id="arrow-5">></label>
                                <div id="slideshow-inner">
                                    <ul>
                                        <li id="slide1">
                                            <img src="images/location/1.jpg" height="200" width="auto"/>
                                            <div class="description">
                                                <input type="checkbox" id="show-description-1"/>
                                                <label for="show-description-1" class="show-description-label">I</label>
                                                <div class="description-text">
                                                    <h2>Flower power</h2>
                                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li id="slide2">
                                            <img src="images/location/2.jpg" height="200" width="auto"/>
                                            <div class="description">
                                                <input type="checkbox" id="show-description-2"/>
                                                <label for="show-description-2" class="show-description-label">I</label>
                                                <div class="description-text">
                                                    <h2>Golden sunset</h2>
                                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li id="slide3">
                                            <img src="images/location/3.jpg" height="200" width="auto"/>
                                            <div class="description">
                                                <input type="checkbox" id="show-description-3"/>
                                                <label for="show-description-3" class="show-description-label">I</label>
                                                <div class="description-text">
                                                    <h2>Flower power again</h2>
                                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li id="slide4">
                                            <img src="images/location/4.jpg" height="200" width="auto"/>
                                            <div class="description">
                                                <input type="checkbox" id="show-description-4"/>
                                                <label for="show-description-4" class="show-description-label">I</label>
                                                <div class="description-text">
                                                    <h2>Stormy coast</h2>
                                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li id="slide5">
                                            <img src="images/location/5.jpg" height="200" width="auto"/>
                                            <div class="description">
                                                <input type="checkbox" id="show-description-5"/>
                                                <label for="show-description-5" class="show-description-label">I</label>
                                                <div class="description-text">
                                                    <h2>Splash!</h2>
                                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut</p>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </td></tr>
                    </table>
                    
                    <%--tasto avanti--%>
                    <input type='hidden' name='location' value='1' />
                    <input type='hidden' name='hidden' value='location' />
                    <input style="position:fixed; bottom:150px; right:250px;" type='submit' name='Submit' value='Passo 3  >'/>
                </form>    
            </div>
        </div>
    </body>
</html>

